<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta charset="utf-8" />
        <title>Perfil - Cabeceira - Sistema de empréstimo de livros</title>

        <!-- Estilos CSS -->
        <link rel="stylesheet" type="text/css "href="files/css/style.css"/>
        <link rel="stylesheet" type="text/css "href="files/css/bootstrap.css"/>
        <!--<link rel="stylesheet" type="text/css "href="files/css/bootstrap.min.css"/>-->
    </head>
    <body id="corpo">
        <div class="container">
            <div class="span12" id="cabecalho">
                <div id="logo">
                    <a href="index.html"><img src="files/img/cabeceira-logo.png" /></a>
                </div>
                <div id="loginsenha">
                    <div id="login">
                        Nome de usuário:
                        <br />
                        <input type="text" name="login" />
                    </div>
                    <div id="senha">
                        Senha:
                        <br />
                        <input type="password" name="login" />
                        <button type="submit" name="enviar" value="enviar">
                            Enviar
                        </button>
                    </div>
                </div>
                <div id="busca">
                    Busca:
                    Livros
                    <input type="radio" name="usuarios">
                    Usuários
                    <input type="radio" name="usuarios">
                    <input type="text" name="busca" />
                    <button type="submit" name="enviar" value="enviar">
                        Enviar
                    </button>
                </div>
            </div>
            <div class="span12" id="paginas">
                <nav>
                    <ul>
                        <li>
                            <a href="index.html">Início</a>
                        </li>
                        <li>
                            <a href="livros.html">Livros</a>
                        </li>
                        <li>
                            <a href="estante.html">Minha estante</a>
                        </li>
                        <li>
                            <a href="amigos.html">Meus amigos</a>
                        </li>
                        <li>
                            <a href="perfil.html">Perfil</a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="span12" id="conteudo">
                <div class="arealivros">
                    <ul class="listalivros">
                        <li>
                            <div class="livro">
                                <img class="capalivro" src="files/img/img01.gif" />
                                <h3 class="titulolivro">O livro oficial do Ubuntu</h3>
                                <div id="textolivro">
                                    Este livro tem o intuito de servir como referência básica e fundamental para o mundo do Ubuntu Linux.
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="livro">
                                <img class="capalivro" src="files/img/img02.gif" />
                                <h3 class="titulolivro">Python e Django: Desenvolvimento ágil de aplicações web</h3>
                                <div id="textolivro">
                                    Com o aumento da complexidade dos sistemas web atuais, somados a questões como segurança e escalabilidade, torna-se necessário o uso de tecnologias adequadas às novas necessidades do desenvolvimento desses sistemas. 
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="livro">
                                <img class="capalivro" src="files/img/img03.gif" />
                                <h3 class="titulolivro">Google Android</h3>
                                <div id="textolivro">
                                    O Android é a plataforma open-source criada pelo Google para o desenvolvimento de aplicações para dispositivos móveis.
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="livro">
                                <img class="capalivro" src="files/img/img04.gif" />
                                <h3 class="titulolivro">Programando para iPhone e iPad</h3>
                                <div id="textolivro">
                                    Este livro traz para o leitor todos os passos necessários para conhecer e dominar o Xcode e as tecnologias de programação para o iOS por meio de exemplos práticos, partindo do básico para quem não teve ainda nenhum contato com tais recursos.
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="livro">
                                <img class="capalivro" src="files/img/img05.gif" />
                                <h3 class="titulolivro">Zend e Dojo</h3>
                                <div id="textolivro">
                                    Zend Framework proporciona o reuso de aplicações PHP com uma biblioteca de componentes fortemente testada, que combina simplicidade com produtividade e as últimas características do desenvolvimento Web.
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="livro">
                                <img class="capalivro" src="files/img/img06.gif" />
                                <h3 class="titulolivro">Expressões Regulares: uma abordagem divertida</h3>
                                <div id="textolivro">
                                    Em uma abordagem incomum de encontrar em livros técnicos, as explicações didáticas e divertidas tornam prazerosa a leitura de um tema tão árido e abstrato. É uma conversa entre amigos, partindo do básico até chegar aos conceitos avançados.
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="span12" id="rodape">
                <p class="textorodape">
                    2012 - CAADS - IFRN
                </p>
            </div>
        </div>
    </body>
</html>
